<template>
    <!-- 列表单个商家 -->

  <nav class="fixed_nav">
    <router-link to="/">
      <span class="one_fixed_nav">
        <!--<svg v-if="returnPageNow === 'homepage'">-->
          <!--<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#index.18edf5a"></use>-->
        <!--</svg>-->
        <!--<svg v-if="returnPageNow !== 'homepage'">-->
          <!--<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#index-regular.b245d60"></use>-->
        <!--</svg>-->
        <svg aria-hidden="true" v-if="returnPageNow === 'homepage'">
          <use xlink:href="#icon-shouye-copy"></use>
        </svg>
        <svg aria-hidden="true" v-if="returnPageNow !== 'homepage'">
          <use xlink:href="#icon-shouye"></use>
        </svg>
        <span>首页</span>
      </span>
    </router-link>

    <router-link to="/order" @click="order">
      <span class="one_fixed_nav">
        <!--<svg v-if="returnPageNow === 'order'">-->
          <!--<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#order.070ae2a"></use>-->
        <!--</svg>-->
        <!--<svg v-if="returnPageNow !== 'order'">-->
          <!--<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#order-regular.41c17f8"></use>-->
        <!--</svg>-->
        <svg aria-hidden="true" v-if="returnPageNow === 'order'">
          <use xlink:href="#icon-icon_order-copy"></use>
        </svg>
        <svg aria-hidden="true" v-if="returnPageNow !== 'order'">
          <use xlink:href="#icon-icon_order"></use>
        </svg>
        <span>订单</span>
      </span>
    </router-link>

    <router-link to="/myzone">
      <span class="one_fixed_nav">
        <!--<svg v-if="returnPageNow === 'myzone'">-->
          <!--<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#profile.dbc5ebf"></use>-->
        <!--</svg>-->
        <!--<svg v-if="returnPageNow !== 'myzone'">-->
          <!--<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#profile-regular.c151d62"></use>-->
        <!--</svg>-->
        <svg aria-hidden="true" v-if="returnPageNow === 'myzone'">
          <use xlink:href="#icon-wode-copy"></use>
        </svg>
        <svg aria-hidden="true" v-if="returnPageNow !== 'myzone'">
          <use xlink:href="#icon-wode"></use>
        </svg>
        <span>我的</span>
      </span>
    </router-link>
  </nav>
</template>

<script>
export default {
  name: 'fixed_nav',
  data () {
    return {

    };
  },
  mounted () {
    setInterval(() => {
      // console.log(this.returnPageNow);
    }, 2000);
  },
  computed: {
    returnPageNow () {
      return this.global.whichPage;
    }
  },
  methods: {
  }
};
</script>

<style lang="less" scoped>
  .fixed_nav{
     width:10rem !important;
     height:1.2rem !important;
     background:#fff !important;
     position:fixed !important;
     left:0 !important;
     right:0 !important;
     bottom:0 !important;
     font-size: .28rem !important;
     z-index: 999 !important;
     svg{
      width:.45rem !important;
      height: .45rem !important;
      display:block !important;
      margin: .2rem auto .1rem !important;
     }
     .one_fixed_nav{
      width:32.6% !important;
      display:inline-block !important;
      height:1.2rem !important;
      text-align:center !important;
     }
  }
</style>
